草庐IT

Angular 2 表单

全部标签

javascript - 单击提交按钮两次以发布表单

我在发布来自以下代码的用户输入时遇到问题。只有在提交按钮被点击两次后才会发布信息。请查看我的代码并告诉我是否需要更改任何内容。functionvalidate(form){fail=validateName(form.name.value)fail+=validateEmail(form.email.value)fail+=validateCity(form.city.value)if(fail==""){$(function(){$('#submitbtn').click(function(event){event.preventDefault();varform=$(this).c

javascript - 清除更改功能的表单字段会删除表单发布值

我试图阻止用户不选择jquery自动完成选项。我有以下代码,它正在运行,但是当我提交表单时,'hidden_​​applinput_'+applid字段值被删除。下面是代码$(function(){try{$("[id^=applinput_]").each(function(){app_id=this.id.split("_");id=app_id[1];$("#applinput_"+id).autocomplete({source:function(request,response){$.ajax({url:"cfc/cfc_App.cfc?method=getMethod&re

javascript - Select2 给表单控件添加一个 title 属性

我正在使用Select2版本3.4.8,最近注意到代码使用关联labeltitle属性用于title。我假设Select2开发人员的意思是将此作为可访问性改进,但这是一个可疑的选择,因为已经有一个关联的label。我正在寻找一种无需直接修补select2.js即可禁用此功能的方法。我查看了文档,但找不到任何东西。有没有办法做到这一点,或者我是否必须修补select2.js(可能注释掉第692行)或编写几行脚本来删除title属性在将它们添加到.select2-containerdiv之后?(或者这在3.5.0版中已修复?) 最佳答案

javascript - 将 jQuery 变成 Angular,修复侧边栏不起作用(?)

我正在将jQuery插件转换为Angular指令,但仍然无法正常工作,或者:根本无法工作。ThisisthebehaviorIwanttoachieveHereisajsfiddlealso请记住,我想要通过此实现的是左侧边栏上到处都显示“粘性”的行为。我是用jQuery做的(我是Angular的新手),我需要让它与Angular一起工作。请去看看PlunkrExample,那种行为,就是我想要的。如果你们中的一些人花时间帮助我,请提前致谢。查看jQuery代码:$(function(){varoffset=$("#sidebar").offset();vartopPadding=85

javascript - 如何用 Angular 做多个 View 来支持页眉和侧边栏?

我是第一次使用AngularJS。我已经在包含header.html模板的index.html页面中成功实现了一个ng-view。所以它看起来像下面但现在我正在创建一个仪表板(dashboard.html)。所以,除了header.html之外,我还有一个左侧菜单,所以它看起来像这样:我的index.html是这样的:我的dashboard.html是这样的:Link1Link2Link3 最佳答案 试试这个:angular.module('app',['ngRoute']).config(['$routeProvider',fun

javascript - Angular ng-repeat 实现

我尝试实现Angularng-repeat指令,但我不明白为什么这段代码不能正常工作。.directive("myRepeat",function(){return{transclude:"element",priority:1000,compile:function(tElem,tAttrs){varmyLoop=tAttrs.myRepeat,match=myLoop.match(/^\s*(.+)+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/),indexString=match[1],collectionString=match[2],pa

javascript - Angular : ng-if and ng-repeat not working after custom transclusion

我正在尝试在angularJS中对指令进行自定义嵌入,因为我需要将两个单独的元素嵌入到两个单独的位置。问题是,虽然一些指令在嵌入的内容上继续工作,例如ng-bind其他指令,例如ng-if或ng-repeat不要这样做,即使在使用正确的范围重新编译被嵌入的元素之后也是如此。示例:http://jsbin.com/menakapoma/1/edit?html,js,output正如您在示例中看到的那样,ng-bind有效,但ng-if无效,即使它们都在同一范围内并访问相同的值.ng-if的true或false状态都不起作用。我相信这是因为ng-if指令被嵌入为注释,但是即使我将嵌入指令的

javascript - Angular Typeahead : click on suggestion and instantly make a post?

我正在做一个项目,我正在使用Siyfion'sangularTypeahead.我有一个用于搜索用户的Typeahead。当在建议下拉列表中找到用户名时,您应该能够单击名称或按回车键直接发帖,而不需要按按钮来发帖。为此,我需要“捕获”其中一个用户名的点击或返回事件。你会在下面找到它的html和js,我还制作了一个plunker使事情更清楚。有人知道我如何捕捉点击和返回事件吗?欢迎所有提示!这是JS代码:varapp=angular.module('plunker',['siyfion.sfTypeahead']);app.controller('MainCtrl',function($

javascript - Safari 扩展 – 更新表单自动完成的 angularJS 模型

我写这篇文章是希望找出在从浏览器扩展程序执行自动完成时如何触发angularJS更新其模型。我知道其他一些应用(密码管理器,如LastPass)成功地做到了这一点。我正在构建一个小的Safari扩展,它将帮助我自动完成Apple的(荒谬的)沙盒用户创建表单,它有10个输入字段和几个选择器元素。到目前为止,我已经设法使用jQuery获取输入字段并使用.val()设置它们的值。但是,这不会触发angularJS更新其模型,因此即使输入字段中有文本,angular也会认为没有文本并且无法验证表单。如果我可以访问Angular对象,问题可以很容易地解决,但我似乎无法做到这一点。当我尝试访问an

javascript - 配置 Angular FileManager 以供自定义使用

我对使用名为AngularFileManager的基于JavaScript的文件管理UI框架很感兴趣。.您可以点击链接仔细阅读该项目的GitHub页面,也可以通过单击here访问该框架的运行演示。.我面临的问题是似乎很少有文档或支持配置此框架以供自定义使用。具体来说,我想修改文件config.js来为文件管理器使用的Web服务指定我自己的服务器端端点。我尝试调整演示,可从链接获得,但我的浏览器只是挂起。理想情况下,我会寻找有关如何配置AngularFileManager的优秀教程的链接或以前成功使用该框架并有话要说的用户。 最佳答案